<!DOCTYPE html>
<html >
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <script>
            window.onload = function () {
//            var drow = function () {
//                var cc=prompt("请输入1,2,3中的一个" );
//                if (cc == "1"){
//                    document.getElementById("a").style.display= "block";
//                }else if(cc=="2"){
//                    document.getElementById("b").style.display= "block";
//                }else if(cc=="3"){
//                    document.getElementById("c").style.display= "block";
//                }else{
//                    alert("请输入正确的数");
//                    drow();
//                }
//            };
//               drow();
                var drow = function () {
                    var cc = prompt("请输入1,2,3中的一个，1是三角型，2是矩形，3是菱形");
                    switch (cc) {
                        case "1":
                            document.getElementById("a").style.display = "block";
                            break;
                        case "2":
                            document.getElementById("b").style.display = "block";
                            break;
                        case "3":
                            document.getElementById("c").style.display = "block";
                            break;
                        default:
                            alert("请输入正确的数");
                            drow();
                            break;
                    }
                };

                drow();
            };

        </script>
        <style>
            #a{}
        </style>
    </head>
    <body>
        <div id='a' style='text-align:center;display: none;'>
            <script>
                //                for (var i=1; i<10; i++)
                //                {
                //                    for (var j=1; j<=i; j++)
                //                    {
                //                        document.write("*");
                //                    }
                //
                //                    document.write("<br/>");
                //                }


                var i = 0;
                while (i < 10) {
                    i++;
                    var j = 0;
                    while (j < i) {
                        j++;
                        document.write("*");
                    }
                    document.write("<br/>");
                }

            </script>
        </div>
        <div id='b' style='text-align:center;display: none;'>
            <script>
//                for (var i = 1; i <= 10; i++) {
//                    document.write("********" + "<br/>");
//                }
                var i= 1;
                while (i<=10){
                    i++;
                    document.write("********" + "<br/>");
                }
            </script>

        </div>
        <div id='c' style='text-align:center;display: none;'>
            <script>
//                for (var i = 1; i <= 10; i++) {
//
//                    for (var j = 1; j < i; j++) {
//                        document.write("*");
//                    }
//                    document.write("<br/>");
//                }
//                for (var k = 9; k >= 1; k--) {
//
//                    for (var j = 1; j < k; j++) {
//                        document.write("*");
//                    }
//                    document.write("<br/>");
//                }
                var i = 0;
                while (i < 10) {
                    i++;
                    var j = 0;
                    while (j < i) {
                        j++;
                        document.write("*");
                    }
                    document.write("<br/>");
                }
                var k = 10;
                while ( k >= 1 ) {
                    k--;
                    var j = 1;
                    while( j < k) {
                                j++;
                                document.write("*");
                    }
                    document.write("<br/>");
                }

            </script>
        </div>
    </body>
</html>